<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <div class="container">
        <h1>欢迎使用记账系统</h1>
        
        <div class="nav-buttons">
            <a href="/expenses" class="btn">查看支出</a>
            <a href="/budget" class="btn">查看预算</a>
            <a href="/budget/history" class="btn">历史预算</a>
            <a href="/add_scheduled_event" class="btn">添加事件</a>
            <a href="/scheduled_event" class="btn">管理固定支出</a>
            <a href="/reset-db" onclick="return confirm('确定要重置数据库吗？这将删除所有数据并重新创建表')" class="btn" style="background-color: #f44336;">重置数据库</a>
        </div>
    </div>
</body>
</html>